﻿* { font-family: "Microsoft YaHei","HelveticaNeueETW01-55Rg", Helvetica, Arial, sans-serif; color: #5D564A; font-size: 14px; font-weight: normal; white-space: nowrap; }
body { background: rgb(247, 241, 229); }

ul, li, p { margin: 0; }
li { list-style-type: none; }
.mtable tr:nth-of-type(even) input { background-color: #f9f9f9; }
.mtable th { text-align: center; height: 28px; min-width: 50px; }
.mtable td { text-align: center; padding: 5px; }
.head { width: 100%; height: 10vh; background-color: #5e564b; padding: 15px; text-align: center; }
.menu { width: 240px; min-height: 90vh; background: #f7f1e5; padding: 15px 0; float: left; border-right: 1px solid #ccc; }
.body { width: calc(100% - 240px); min-height: 90vh; float: right; overflow: hidden; }
.gav { width: 60px; height: 60px; border-radius: 50%; float: left; margin: 0 20px; border-radius: 50%; background: #5e564b; text-align: center; line-height: 60px; color: rgb(247, 241, 229); font-weight: bold; font-size: 40px; }
.userpanel { width: 100%; overflow: hidden; padding: 20px 0; }
.userhead { text-align: center; }
.userinfo { line-height: 1.8; float: left; height: 60px; }
    .userinfo p:nth-child(1) { font-size: 16px; }
.nav { width: 100%; padding: 15px 0; }
    .nav li { padding: 5px 10px; }
        .nav li a { color: #5e564b; font-size: 16px; }
            .nav li a:hover { background: #5e564b; color: #F8F0E4; }
        .nav li.flag { font-size: 12px; text-indent: 10px; }
#keylist { width: 100%; margin-top: 30px; }
    #keylist tbody input[type='text'] { width: 100%; height: 26px; line-height: 26px; font-size: 12px; border: 0; background-color: rgba(0,0,0,0); }
    #keylist tbody input[type='checkbox'] { cursor: pointer; }
    #keylist tbody tr { background: rgba(0,0,0,0); }
    #keylist tbody td { padding:8px 5px; text-align: left; vertical-align: middle; font-size:12px; }
        #keylist tbody td label { padding: 2px 5px; font-weight: normal; margin: 0; }
            #keylist tbody td label.bg-success { color: #4cae4c; }
            #keylist tbody td label.bg-danger { color: #d9534f; }
        #keylist tbody td:nth-child(1) { text-align: center; }
        #keylist thead td:nth-child(4), #keylist tbody td:nth-child(4) { text-align: center; }
.hide { display: none; }
.btn-sm { padding: 2px 10px; }

.popup { width: 100vw; height: 100vh; background: rgba(0,0,0,0.5); position: fixed; top: 0; left: 0; display: none; }
.popup-item { width: 500px; position: fixed; left: 50%; margin-left: -200px; top: 50%; transform: translateY(-50%); background: #fff; border: 1px solid #f9f9f9; padding: 10px 20px; }
.tolls { margin-top: 20px; }
    .tolls button { margin-right: 10px; }
input[type=search] { border: 1px solid #5e564b; width: 320px; font-weight: normal; }
.dataTables_wrapper .dataTables_paginate .paginate_button { padding: 3px 10px; }
    .dataTables_wrapper .dataTables_paginate .paginate_button:hover { background: #5e564b; }
.btn-addkey { margin-top:10px; /*position: absolute; top: 0; z-index: 1;*/ }
